@import "./variable.scss";

// 不换行
@mixin no-wrap() {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

// 限制行数
@mixin clamp($row) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $row;
}

@mixin center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@mixin hCenter {
  position: absolute;
  left: 50%;
  transform: translateY(-50%);
}

@mixin vCenter {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}